<template>
  <div>
    <ul>
      <li v-for="item in goods" :key="item.id">
        <van-card
          num="2"
          price="2.00"
          desc="描述信息"
          title="商品标题"
          thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
        >
          <template #tags>
            <van-tag plain type="danger">标签</van-tag>
            <van-tag plain type="danger">标签</van-tag>
          </template>
          <template #footer>
            <van-button size="mini">-</van-button>
            <van-button size="mini">+</van-button>
          </template>
        </van-card>
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  data() {
    return {
        goods:[
            {id:1, num:"2",price:"2.00",desc:"描述信息",title:"商品标题",thumb:"https://img.yzcdn.cn/vant/ipad.jpeg"},
            {id:2, num:"2",price:"2.00",desc:"描述信息",title:"商品标题",thumb:"https://img.yzcdn.cn/vant/ipad.jpeg"},
            {id:3, num:"2",price:"2.00",desc:"描述信息",title:"商品标题",thumb:"https://img.yzcdn.cn/vant/ipad.jpeg"},
            {id:4, num:"2",price:"2.00",desc:"描述信息",title:"商品标题",thumb:"https://img.yzcdn.cn/vant/ipad.jpeg"},
            {id:5, num:"2",price:"2.00",desc:"描述信息",title:"商品标题",thumb:"https://img.yzcdn.cn/vant/ipad.jpeg"},
            {id:6, num:"2",price:"2.00",desc:"描述信息",title:"商品标题",thumb:"https://img.yzcdn.cn/vant/ipad.jpeg"},
            {id:7, num:"2",price:"2.00",desc:"描述信息",title:"商品标题",thumb:"https://img.yzcdn.cn/vant/ipad.jpeg"},
            {id:8, num:"2",price:"2.00",desc:"描述信息",title:"商品标题",thumb:"https://img.yzcdn.cn/vant/ipad.jpeg"}
        ]
    };
  },
  created() {},
  methods: {},
};
</script>

<style lang='less' scoped>
</style>